<template>
  <el-pagination
    :current-page="currentPage4"
    :page-sizes="limits"
    :page-size="pageSize"
    layout="total, sizes, prev, pager, next, jumper"
    :total="400"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
  >
  </el-pagination>
</template>

<script>
export default {
  data() {
    return {
      currentPage4: 4, // 页码
      pageSize: 100,  // limit 条数
      total: 400, // 总条数
      limits: [100, 200, 300, 400]  // 配置可选择的条数
    }
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    }
  }
}
</script>

<style>

</style>